html,body{
  background-image: url("../images/background.png");
}
.screen-data{
  padding: 0 0.79rem;
}
.left{
  left: 0.79rem;
}
.right{
  right: 0.79rem;
}
.chart+.chart{
  margin-top: 0.25rem;
}
.chart-title{
  text-align: center;
  color: #1DF4F7;
}
.nature-title{
  /*工作性质标题*/
  margin-left: 0.52rem;
  color: #1DF4F7;
  line-height: 0.58rem;
}
.nature-chart{
  /*工作性质图表*/
  position: absolute;
  left: 50%;
  top: 0;
  margin-left: -3.8rem;
  width: 7.4rem;
  height: 59.6vh;
  /*background-color: #fff;*/
}
.pie-chart1{
  position:absolute;
  top: 4rem;
  width:100%;
  /*background: #002E61;*/
}
.marriage-chart{
  width:1.5rem;
  height: 11vh;
  display: inline-block;
}
.political-chart{
  float:right;
  width:1.5rem;
  height: 11vh;
  display: inline-block
}
.pie-chart2{
  position:absolute;
  top: 4.5rem;
  display: flex;
  justify-content: center;
  width:100%;
}
.blood-chart{
  width:1.5rem;
  height: 11vh;
  display: inline-block;
}
.residence-chart{
  width:1.80rem;
  height: 11vh;
  display: inline-block;
}
.grade-title{
  /*军衔等级标题*/
  line-height: 0.3rem;
}
.grade-chart{
  /*军衔等级表*/
  position: absolute;
  left: 50%;
  bottom: 0;
  margin-left: -3.745rem;
  width: 7.49rem;
  height: 24.9vh;
  background-image: url("../images/grade.png");
}
.edu-title{
  /*文化程度标题*/
  line-height: 0.5rem;
}
.edu-chart{
  /*文化程度统计表*/
  height: 37vh;
  background-image: url("../images/education.png");
}
.home-title{
  /*来源地区标题*/
  line-height: 0.5rem;
}
.home-chart{
  /*来源地区表*/
  margin-top: 1.15rem !important;
  height: 36.2vh;
  background-image: url("../images/home.png");
}
.post-title,.score-title,.profession-title{
  /*职务、考评、专业标题*/
  line-height: 0.3rem;
}
.score-chart,.profession-chart{
  margin-top: 0.4rem !important;
}
.post-chart,.score-chart,.profession-chart{
  /*职务、考评、专业统计表*/
  height: 25.5vh;
  background-image: url("../images/common.png");
}